<template>
    <div>
        <Row>
            <img src="../../assets/spjk/wk02.jpg" width="100%">
        </Row>
        <Row>
            <img src="../../assets/fdbj/wk022.jpg" width="100%">
        </Row>
        <Row>
            <Col offset="4" span="16">
                <div class="af_box1">
                    <div style="text-align: center">
                        <img src="../../assets/spjk/wk03.jpg" width="617" height="120" alt="">
                    </div>
                    <ul>
                        <li>
                            <span>
                            <a href="#"><img src="../../assets/spjk/wk04.jpg" width="206" height="207" alt=""></a>
                            </span>
                            <h3><a href="#" class="s2">监控系统量身设计和安装</a></h3>
                        </li>
                        <li>
                            <span>
                            <a href="#"><img src="../../assets/spjk/wk06.jpg" width="206" height="207" alt=""></a>
                            </span>
                            <h3><a href="#" class="s2">原有安防监控系统升级</a></h3>
                        </li>
                        <li>
                            <span>
                            <a href="#"><img src="../../assets/spjk/wk07.jpg" width="206" height="207" alt=""></a>
                            </span>
                            <h3><a href="#" class="s2">原有安防监控系统改造</a></h3>
                        </li>
                        <li style="background:none;">
                            <span>
                            <a href="#"><img src="../../assets/spjk/wk08.jpg" width="206" height="207" alt=""></a>
                            </span>
                            <h3><a href="#" class="s2">原有安防监控系统维保<br>
                            </a></h3>
                        </li>
                    </ul>
                </div>
            </Col>
        </Row>
        <div style="margin-top:30px;">
            <!--            <img src="../../assets/fdbj/wk023.jpg" width="100%">-->
            <img src="../../assets/fdbj/wk021.jpg" width="100%">
        </div>
        <Row style="background-color: #edeceb">
            <Col offset="4" span="16">
                <div class="af_box_2">
                    <div style="text-align: right">
                        <img src="../../assets/spjk/wk10.jpg" width="788" height="174" alt="">
                    </div>
                    <ul>
                        <li>
                                <span>
                                <a href="#">
                                <img src="../../assets/spjk/20160202163656_12248.jpg" width="239" height="196"
                                     alt="零售业安防系统"
                                     title="零售业安防系统">
                                </a>
                                </span>
                            <div><a href="#"> 零售业安防系统</a></div>
                        </li>
                        <li>
                                <span>
                                <a href="#">
                                <img src="../../assets/spjk/20160202163556_90687.jpg" width="239" height="196"
                                     alt="餐饮安防系统"
                                     title="餐饮安防系统">
                                </a>
                                </span>
                            <div><a href="#"> 餐饮安防系统</a></div>
                        </li>
                        <li>
                            <span>
                            <a href="#">
                            <img src="../../assets/spjk/20160202163804_35678.jpg" width="239" height="196"
                                 alt="企业安防系统"
                                 title="企业安防系统">
                            </a>
                            </span>
                            <div><a href="#"> 企业安防系统</a></div>
                        </li>
                        <li>
                            <span>
                            <a href="#">
                            <img src="../../assets/spjk/20160202163833_99942.jpg" width="239" height="196"
                                 alt="工厂安防系统"
                                 title="工厂安防系统">
                            </a>
                            </span>
                            <div><a href="#"> 工厂安防系统</a></div>
                        </li>
                        <li>
                            <span>
                            <a href="#">
                            <img src="../../assets/spjk/20160202163915_50888.jpg" width="239" height="196"
                                 alt="酒店安防系统"
                                 title="酒店安防系统">
                            </a>
                            </span>
                            <div><a href="#"> 酒店安防系统</a></div>
                        </li>
                        <li>
                            <span>
                            <a href="#">
                            <img src="../../assets/spjk/20160202163949_81516.jpg" width="239" height="196"
                                 alt="别墅安防系统"
                                 title="别墅安防系统">
                            </a>
                            </span>
                            <div><a href="#"> 别墅安防系统</a></div>
                        </li>
                        <li>
                                <span>
                                <a href="#">
                                <img src="../../assets/spjk/20160202164018_71203.jpg" width="239" height="196"
                                     alt="各类安防系统"
                                     title="各类安防系统">
                                </a>
                                </span>
                            <div><a href="#"> 各类安防系统</a></div>
                        </li>
                        <li>
                            <span>
                            <a href="#">
                            <img src="../../assets/spjk/20160202164054_48043.jpg" width="239" height="196"
                                 alt="旧系统改造和维保"
                                 title="旧系统改造和维保">
                            </a>
                            </span>
                            <div><a href="#"> 旧系统改造和维保</a></div>
                        </li>
                    </ul>
                </div>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        name: 'Spjk',
        data() {
            return {}
        }
    }
</script>

<style scoped>
    ul, ol, li {
        list-style: none;
    }

    .af_box1 li {
        padding: 0 45px;
        float: left;
        border-right: 1px solid #dfdfdf;
    }

    .af_box1 li a {
        color: #1f48ae;
        font-size: 18px;
    }

    .af_box_2 li {
        margin: 10px 2.5%;
        float: left;
    }

    .af_box_2 li a {
        color: #000;
        font-size: 18px;
    }

    .af_box_2 li a:hover {
        color: #e28666;
    }

</style>